.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:30px}
.pd25{padding:25px}
.pdh20{padding:20px 0}
.pdw20{padding:0 20px}
.pd50{padding:50px}
.pdh40{padding:40px 0}
.arial{font-family:arial}
.green{color:#7fac00}
.greenhover:hover{background-color:#6bc30d}
.greenpress:active{background-color:#6bc30d;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
::selection{background:#a3db18;color:#fff}
::-moz-selection{background:#a3db18;color:#fff}
::-webkit-selection{background:#a3db18;color:#fff}
.colorlarge .orange{background:#ff7f03}
.colorlarge .white{background:#fff url(white_fixed.png) no-repeat 0 0}
.colorlarge .white a{background:url(white_fixed_r.png) no-repeat 100% 0}
.colorlarge .blue{background:#2779a7}
.colorlarge .green{background:#4cbf0e}
.colorlarge .yellow{background:#ffde00}
.colorlarge .red{background:#f01e1e}
.colorlarge .purple{background:#c818fb}
.colorlarge .pink{background:#e9016e}
.colorlarge .gray{background:#d3d5d4}
.colorlarge .black{background:#000}
.colorlarge .colorful{background:url(colorful2.png)}
.colorlarge td{height:6px;background:#333}
.colorlarge .color-full{height:6px;cursor:pointer;background-image:url(d.png)}
.colorsmall ul{margin-top:2px}
.colorsmall ul li{display:block;float:left;margin-right:1px;height:20px;width:25px;position:relative;z-index:0}
.colorsmall ul li a{display:block;float:left;width:25px;height:6px;margin-top:5px;position:absolute;left:0;top:0}
.colorsmall .white a{background:#fff;width:23px;height:4px;border:1px solid #dadada}
.colorsmall .orange a{background:#ff7f03}
.colorsmall .blue a{background:#2779a7}
.colorsmall .green a{background:#4cbf0e}
.colorsmall .yellow a{background:#ffde00}
.colorsmall .red a{background:#f01e1e}
.colorsmall .purple a{background:#c818fb}
.colorsmall .pink a{background:#e9016e}
.colorsmall .gray a{background:#d3d5d4}
.colorsmall .black a{background:#000}
.colorsmall .colorful a{background:url(colorful2.png)}

.ogrid .nav .navcur{background:#6bc30d}
.ogrid .nav .navcur a{color:#fff}
.ogrid .navlist{margin-top:8px}
.ogrid .navlist a:hover{background-color:#6bc30d}
.ogrid .nav{left:-192px}
.ogrid .logo{left:60px}
.ogrid .nav ul{overflow:hidden;position:fixed;height:100%;left:-440px;top:50px;z-index:-99;background:#202123}
.ogrid .nav li{vertical-align:bottom;float:none}
.ogrid .nav li a{width:100%;margin:0;padding:0;text-align:center;display:block;float:none}
.navlist{}
.ogrid .navlist{display:block}
.loginmenu{display:none}
.logintoggle{cursor:pointer}
.logintoggle .loginmenu{display:block}
.logintoggle ul{display:none;right:0;top:42px;position:absolute;z-index:99}
.logintoggle ul li a{width:130px}
.openlogin a{-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear}
.openlogin a:hover{color:#fff}
.logintoggle .loginmenu a:hover{background-color:#6bc30d}
.login{position:relative;}
.login li{float:right;display:block; top:50%; position:fixed; left:87%;}
.login li a{text-align:center;font-size:16px;float:left;display:block;width:200px;height:55px;line-height:55px;color:#fff}
.login .reg a{background:#6bc30d;color:#fff}
.hide{display:none}
.show{display:block}
.date{border:1px solid #ced8db;padding:0 11px 6px;color:#8f8f8f}
.day{font-size:41px;font-weight:700;display:block;height:40px;overflow:hidden;margin-bottom:3px}
.year{font-size:11px;-webkit-text-size-adjust:none;display:block;text-align:center}
.commend{padding-top:7px;margin-left:15px}
.css{display:block;font-size:28px;font-weight:700;height:26px;overflow:hidden}
.cmd{font-size:14px;height:18px;overflow:hidden;color:#666;line-height:19px}
.cmdtitle a{font-size:30px;color:#6f6f6f;display:block;height:30px;overflow:hidden}
.favoriteslist .newlist{height:262px}
.addfavorite{font-size:16px;background-color:#9b9b9b;color:#fff;display:block;height:52px;line-height:52px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.addfavorite:hover{background-color:#6bc30d;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.addfavorite_l{background-color:#6bc30d}
.author{height:24px;line-height:24px;color:#828282}
.author a{display:block;float:left;height:24px;margin-right:10px;color:#828282}
.addfavorite span{color:#f4f4f4}
.cmdinfo{position:relative;height:288px}
.cmdinfo p{color:#848484}
.cmdinfo p span{color:#373737}
#select .common{position:relative}
.cases{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
.showcase .boxtags ul,.listbox .boxtags ul{width:220px;margin:0 auto;display:block}
.scw img{width:100%}
.showcase .artfields,.listbox .artfields{margin-top:5px}
.firstlastpage,.pages .firstlastpage{display:none}
.cate{float:left;padding:10px 0;position:relative}
.cate li{display:block;float:left;background:#e8e8e8}
.cate .addbag{margin-left:0}
.cate .sccur{background:#6bc30d}
.cate .sccur:hover{background:#6bc30d}
.cate li:hover{background:#606060;color:#fff}
.cate .home{margin-left:0;background:#5d5d5d}
.cate .home a{width:80px;background:0 0;line-height:40px;color:#fff;font-size:12px;text-align:left;text-indent:15px;cursor:default}
.cate .home.sccur{background:#5d5d5d}
.cate .home:hover{background:#5d5d5d}
.cate .home a:hover{color:#fff}
.cate .home.sccur a{color:#fff}
.cate .home{position:relative}
.cate .addbag a{background-position:-30px 13px}
.cate .clipboard a{background-position:-72px 13px}
.cate .eyedropper a{background-position:-112px 12px}
.cate .grid a{background-position:-153px 13px}
.cate .calendar a{background-position:-194px 13px}
.cate .addbag a:hover{background-position:-30px -30px}
.cate .clipboard a:hover{background-position:-72px -30px}
.cate .eyedropper a:hover{background-position:-112px -29px}
.cate .grid a:hover{background-position:-153px -30px}
.cate .calendar a:hover{background-position:-194px -30px}
.cate .addbag .sccurt{background-position:-30px -30px}
.cate .clipboard .sccurt{background-position:-72px -30px}
.cate .eyedropper .sccurt{background-position:-112px -29px}
.cate .grid .sccurt{background-position:-153px -30px}
.cate .calendar .sccurt{background-position:-194px -30px}


.loginwrap{margin:0 auto}
.loginh{height:40px;}
.loginh .fl{font-size:30px;line-height:40px;color:#292929}
.loginh .fr{font-size:18px;line-height:50px;color:#707070}
.loginh .fr a{font-size:18px;line-height:50px;color:#ff4200;margin-left:5px}
.loginwrap h3{font-size:14px;font-weight:500;margin-top:15px;color:#292929; }
.loginbtn{line-height:70px;color:#6b6a6a}
.logininput input{display:block;height:14px;line-height:14px;width:100%;border:#dae2e5 1px solid;text-indent:10px;overflow:hidden;color:#979696;padding-top:13px;padding-bottom:13px; }
.logininput .loginusername{margin-top:15px;margin-bottom:15px}
.loginsubmit input{width:130px;height:40px;line-height:40px;color:#fff;background:#70ca10;display:block;text-align:center;font-size:20px;border:0;font-family:微软雅黑;cursor:pointer}
.loginsubmit{width:130px;height:40px;margin:15px 20px 0 0;position:relative}
.loginsubmiting{height:40px;background:#fff;position:absolute;top:0;left:0;width:130px;opacity:.8;filter:alpha(opacity=80);display:none}
.loginsubmiting_inner{height:40px;background:url(loading.gif) no-repeat 50% 50%;width:130px;position:absolute;top:0;left:0}
.loginpd{border-bottom:1px solid #ecf2f5}
.logininput input{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.logininput input:focus{border-color:#ff9600}
.loginwrap h3 span{font-size:14px;font-weight:500;color:#fff;display:block;float:left;background:#333333; width:100%; height:40px; line-height:40px; text-align:center;margin-bottom:20px; margin-top:10px;}
.loginwrap .login_warning{display:block;height:20px;line-height:20px;background:#ff7200;color:#fff;padding:0 4px;float:left;text-align:center;font-size:12px;margin-left:14px;margin-top:3px;display:none}

.othercommend .boxtags{border-top:solid 1px #e6e6e6}
.commentpost_login h3{color:#999;font-weight:500;font-size:12px}
.commentpost_login h3 a{color:#1f8902}
.quotes .pd10{border:1px solid #f0f0f0;background:#f4f4f4;color:#b1b1b1}
.reply_content{min-height:26px}
.quotes h4{font-weight:500;line-height:14px;overflow:hidden;height:20px}
.viewpofile{float:left;display:block}
.poster_w{background:#ff7200;color:#fff;font-size:12px;margin-left:20px;display:none;height:24px;line-height:24px;float:left;padding:0 10px;margin-bottom:10px}
.submitthisreply .poster_w{margin-left:0}
.posterinfo{height:24px;line-height:24px}
.posterinfo span{margin-right:5px}
.posterinfo a{color:#989898}
.foldround{height:50px;line-height:50px;background:#fff;margin-top:1px;cursor:pointer;text-align:center;font-size:14px;color:#454648}
.foldround img{vertical-align:middle;margin-left:10px}
.foldround:hover{background:#e6e6e6}
.foldround:hover .foldarrow{background-position:0 4px}
.foldarrow{background:url(foldround_open.png) no-repeat 0 -26px;width:14px;height:18px;font-size:18px;margin-left:10px}
.foldround .foldroundon{background:url(foldround_close.png) no-repeat 0 3px}
.foldround:hover .foldroundon{background:url(foldround_close.png) no-repeat 0 -27px}
.loginmask{width:100%;height:100%;z-index:8;background:#000;position:fixed;top:0;left:0;display:none}
#loginalert{width:500px;background:#fff;position:fixed;top:-20px;left:50%;margin-left:-220px;z-index:99;display:none}
.closealert{width:20px;height:20px;cursor:pointer;background:url(../images/icons.png) no-repeat -220px -315px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
.closealert:hover{transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg)}

#pofile{margin-top:50px}


#content{
    height: 100px; 
    padding-top: 10px;
}